<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../build/react.js" type="text/javascript" charset="utf-8"></script>
		<script src="../build/react-dom.js" type="text/javascript" charset="utf-8"></script>
		<script src="../build/browser.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="example">hello world</div>
		<script type="text/babel">
			var arr = [
			<h1 key="1">Hello world!</h1>,
			<h2 key="2">React is awesome</h2>, ]; 
			ReactDOM.render(
			<article>
				<h1 style={{color:'orange'}}>Hello World!</h1>
				{arr}
			</article>, 
			document.getElementById("example")
			)
		</script>
	</body>

</html>